body{
    height:100%;
    padding:5%;
    padding-top: 80px;
    background-color: rgb(121,177,215);
    .music>span:nth-child(1){
          font-size: 24px;
          margin-right: 20px;
    }
    .music>span:nth-child(2){
         font-size: 24px;
   }

    .km{
         font-size: 90px;
    }
    .map{
         font-size: 32px;
    }
    .icons > span:nth-child(1){
        font-size: 54px;
    }
    .icons > span:nth-child(2){
         font-size: 50px;
     }
     .icons > span:nth-child(3){
         font-size: 36px;
     }
     .play{
         width: 120px;
         height: 120px;
         border-radius:50%;
         line-height: 120px;
         align-content: center;
         top:29%;
         left:33%;
         .stop{
              font-size:50px;
              top:-2%;
              left:29%;
         }
         .pause{
              top:30%;
              left:38%;
         }
       
         
     }
      .lock{
              font-size: 26px;
              width: 44px;
              top:70%;
              left:86%;
              border: 1px solid #ccc;
              border-radius:50% ;
              text-align: center;
          }
    
     .line{
         height: 1px;
         width:80px ;
         border: 1px dashed #ccc;
         margin: 0 30px;
    }
}

